<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0" />
<title>聚划算</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/index.css" rel="stylesheet">
<script src="js/index.js"></script>
</head>
<body>
    <header>
    	<h1><a href="javascript::">聚划算</a></h1>
    	<a class="return" href="javascript:;">返回</a>
    </header>
    <section class="img_list">
    	<div class="over">
            <ul class="bg_list">
                <li class="one5"></li>
                <li class="one1"></li>
                <li class="one2"></li>
                <li class="one3"></li>
                <li class="one4"></li>
                <li class="one5"></li>
                <li class="one1"></li>
            </ul>   
        </div>
    	<ol class="point_list">
    		<li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
    	</ol>
    </section>
    <section class="main">
        <ul class="icon_list">
            <li>
                <div class="icon1"></div>
                <p>商品</p>
            </li>
            <li>
                <div class="icon2"></div>
                <p>生活</p>
            </li>
            <li>
                <div class="icon3"></div>
                <p>品牌</p>
            </li>
            <li>
                <div class="icon4"></div>
                <p>聚宝盆</p>
            </li>
            <li>
                <div class="icon5"></div>
                <p>聚名品</p>
            </li>
            <li>
                <div class="icon6"></div>
                <p>聚家装</p>
            </li>
            <li>
                <div class="icon7"></div>
                <p class="hot">
                    聚透
                    <i></i>
                </p>
            </li>
            <li>
                <div class="icon8"></div>
                <p>客户端</p>
            </li>
        </ul>
        <div class="rank">
            <h3>聚划算热卖排行</h3>
            <span>TOP10</span>
        </div>
        <nav class="rank_list">
            <a href="javascript:;">
                <span class="fl one1">1</span>
                <div class="rank_img fl">
                    <img src="img/rank1.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥51</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one2">2</span>
                <div class="rank_img fl">
                    <img src="img/rank2.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥51</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one3">3</span>
                <div class="rank_img fl">
                    <img src="img/rank3.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥289</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one4">4</span>
                <div class="rank_img fl">
                    <img src="img/rank4.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>288</em></p>
                </div>
                <p class="fr f_price">￥88</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one5">5</span>
                <div class="rank_img fl">
                    <img src="img/rank5.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥199</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one6">6</span>
                <div class="rank_img fl">
                    <img src="img/rank6.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>1.7</i>折 ￥<em>3299</em></p>
                </div>
                <p class="fr f_price">￥588</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one7">7</span>
                <div class="rank_img fl">
                    <img src="img/rank7.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>6.3</i>折 ￥<em>7665</em></p>
                </div>
                <p class="fr f_price">￥4599</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one8">8</span>
                <div class="rank_img fl">
                    <img src="img/rank8.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥51</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one9">9</span>
                <div class="rank_img fl">
                    <img src="img/rank9.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 68423</p>
                    <p><i>2.3</i>折 ￥<em>439</em></p>
                </div>
                <p class="fr f_price">￥129</p>
                <b></b>
            </a>
            <a href="javascript:;">
                <span class="fl one10">10</span>
                <div class="rank_img fl">
                    <img src="img/rank10.png" alt="排名" />
                </div>
                <div class="fl price">
                    <p>已售 45423</p>
                    <p><i>2.8</i>折 ￥<em>299</em></p>
                </div>
                <p class="fr f_price">￥9</p>
                <b></b>
            </a>
        </nav>
        <div class="mid">
            <a href="javascript:;">更多划算 逛起来！</a>
            <b></b>
        </div>
        <div class="life">
            <div class="left fl"></div>
            <nav class="right fl">
                <a class="hot" href="javascript:;">服饰</a>
                <a href="javascript:;">配饰</a>
                <a href="javascript:;">美妆</a>
                <a href="javascript:;">鞋包</a>
                <a href="javascript:;">食品</a>
                <a class="hot" href="javascript:;">家具</a>
                <a href="javascript:;">运动</a>
                <a class="hot" href="javascript:;">电器</a>
                <a href="javascript:;">百货</a>
                <a href="javascript:;">母婴</a>
                <a href="javascript:;">数码</a>
                <a href="javascript:;">更多</a>
            </nav>
        </div>
        <div class="mid">
            <a href="javascript:;">精彩商品 逛起来！</a>
            <b></b>
        </div>
        <div class="life">
            <div class="left left2 fl"></div>
            <nav class="right fl">
                <a class="hot" href="javascript:;">美食</a>
                <a href="javascript:;">教育</a>
                <a href="javascript:;">酒店</a>
                <a href="javascript:;">电影</a>
                <a href="javascript:;">生活服务</a>
                <a class="hot" href="javascript:;">卡卷</a>
                <a href="javascript:;">摄影</a>
                <a class="hot" href="javascript:;">粮油生鲜</a>
                <a href="javascript:;">门票</a>
                <a href="javascript:;">休闲娱乐</a>
                <a></a>
                <a></a>
            </nav>
        </div>
        <div class="mid">
            <a href="javascript:;">品质生活 逛起来！</a>
            <b></b>
        </div>
        <div class="life">
            <div class="left left3 fl "></div>
            <nav class="right fl">
                <a href="javascript:;">七匹狼</a>
                <a class="hot" href="javascript:;">粉红女郎</a>
                <a href="javascript:;">卓诗尼</a>
                <a class="hot" href="javascript:;">收纳博士</a>
                <a href="javascript:;">惠氏</a>
                <a href="javascript:;">夏乐</a>
                <a href="javascript:;">帕克伦</a>
                <a class="hot" href="javascript:;">古今</a>
                <a class="hot" href="javascript:;">九牧</a>
                <a href="javascript:;">诺奥</a>
                <a href="javascript:;">红豆</a>
                <a href="javascript:;">曼秀雷敦</a>
            </nav>
        </div>
        <div class="mid">
            <a href="javascript:;">品牌折扣 逛起来！</a>
            <b></b>
        </div>
        <nav class="banner">
            <a class="apple" href="javascript:;"></a>
            <a class="anzhuo" href="javascript:;"></a>
            <a class="words" href="javascript:;"></a>
        </nav>
    </section>
    <div class="login_box">
        <a class="fl" href="javascript:;">登录</a>
        <a class="fl" href="javascript:;">注册</a>
        <a class="fr" href="javascript:;">
            TOP
            <i></i>
        </a>
    </div>
    <footer>
        <p>
            <a href="javascript:;">标准版</a>
            <a href="javascript:;">电脑版</a>
        </p>
        <p class="down">©2013 浙B2-20080224   服务中心</p>
    </footer>
</body>
</html>